#include("/static/themes/dolphin/layout/layout.html")
#@layout()
#define content()
<div class="doc-container" id="doc-container">
    <div class="container-fixed">
        <div class="col-content">
            <div class="inner">
                <article class="article-list bloglist" id="LAY_bloglist">
                    #articlePage(pageSize=10)
                    #for(article: articlePage.data)
                    <section class="article-item zoomIn article">
                        #if(article.isTop == 1)
                        <div class="fc-flag">置顶</div>
                        #end
                        <h5 class="title">
                            #if(article.sourceType == 0)
                            <span class="fc-blue">
											【原创】
										</span>
                            #else
                            <span class="fc-red">
											【转载】
										</span>
                            #end
                            <a href="#(article.url)">#(article.title)</a>
                        </h5>
                        <div class="time">
                            <span class="day">#date(article.createTime,"dd")</span>
                            <span class="month fs-18">#date(article.createTime,"MM")<small
                                    class="fs-14">月</small></span>
                            <span class="year fs-18">#date(article.createTime,"yyyy")</span>
                        </div>
                        <div class="content">
                            #if(article.thumbnail != null && article.thumbnail != "")
                            <a href="#(article.url)" class="cover img-light">
                                <img src="#(article.thumbnail)">
                            </a>
                            #end
                            #mdSummary(article.content,200)...
                        </div>
                        <div class="read-more">
                            <a href="#(article.url)" class="fc-black f-fwb">继续阅读</a>
                        </div>
                        <aside class="f-oh footer">
                            <div class="f-fl tags">
                                <span class="fa fa-tags fs-16"></span>
                                #for(tag:article.tags)
                                <a class="tag" href="/article/search?tagId=#(tag.id)">#(tag.name)</a>
                                #end
                            </div>
                            <div class="f-fr">
										<span class="read">
											<i class="fa fa-eye fs-16"></i>
											<i class="num">#(article.viewCount)</i>
										</span>
                                <span class="ml20">
											<i class="fa fa-comments fs-16"></i>
											<a href="javascript:void(0)" class="num fc-grey">#(article.commentCount)</a>
										</span>
                            </div>
                        </aside>
                    </section>
                    #else
                    <div class="m-no-article">这里一篇文章都没有呢</div>
                    #end
                    #pageRender(articlePage, preText="上一页",nextText="下一页")
                    #end
                </article>
            </div>
        </div>
        <div class="col-other">
            <div class="inner">
                <div class="other-item" id="categoryandsearch">
                    <div class="search">
                        <label class="search-wrap">
                            <form action="/article/search" method="get">
                                <input type="text" name="title" placeholder="输入关键字搜索"/>
                                <button type="submit" class="search-icon">
                                    <i class="fa fa-search"></i>
                                </button>
                            </form>
                        </label>
                        <ul class="search-result"></ul>
                    </div>
                    <ul class="category mt20" id="category">
                        <li data-index="0" class="slider"></li>
                        <li data-index="1"><a href="/article/search">全部文章</a></li>
                        #categoriesPage(pageSize=10)
                        #for(category : categoriesPage.data)
                        <li data-index="#(for.count + 1)">
                            <a href="/article/search?categoryId=#(category.id)">
                                #(category.name)
                            </a>
                        </li>
                        #end
                        #end
                    </ul>
                </div>
                <!--右边悬浮 平板或手机设备显示-->
                <div class="category-toggle"><i class="layui-icon">&#xe603;</i></div>
                <div class="article-category">
                    <div class="article-category-title">分类导航</div>
                    #categoriesPage(pageSize=10)
                    #for(category : categoriesPage.data)
                    <a href="/article/search?categoryId=#(category.id)">
                        #(category.name)
                    </a>
                    #end
                    #end
                    <div class="f-cb"></div>
                </div>
                <!--遮罩-->
                <div class="blog-mask animated layui-hide"></div>
                <div class="other-item">
                    <h5 class="other-item-title">热门文章</h5>
                    <div class="inner">
                        <ul class="hot-list-article">
                            #hotArticle(count=10,type=1)
                            #for(article : articles)
                            <li>
                                <a href="#(article.url)">
                                    #(article.title)
                                </a>
                            </li>
                            #else
                            还未产生文章~
                            #end
                            #end
                        </ul>
                    </div>
                </div>
                <div class="other-item">
                    <h5 class="other-item-title">最新文章</h5>
                    <div class="inner">
                        <ul class="hot-list-article">
                            #latestArticle(count=10)
                            #for(article : articles)
                            <li>
                                <a href="#(article.url)">
                                    #(article.title)
                                </a>
                            </li>
                            #else
                            还未产生文章~
                            #end
                            #end
                        </ul>
                    </div>
                </div>
                <div class="other-item">
                    <h5 class="other-item-title">最近访客</h5>
                    <div class="inner">
                        <dl class="vistor">
                            #latestUser(count=10)
                            #for(user : users)
                            <dd>
                                <a href="javasript:;">
                                    <img src="#(user.avatar ??)">
                                    <cite>#(user.userName ??)</cite>
                                </a>
                            </dd>
                            #end
                            #end
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
#end
